<template>
	<view>
		<!-- 星座 -->
		<view class="time-box">
		
		</view>
		<!-- 时间 -->
		<view class="time-box" v-for="(item,index) in timeList" :key="index">
			<button @click="btn(item.value)">{{item.name}}</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// timeList: [
				// 	{value:'today',name:'今日'},
				// 	{value:'nextday',name:'明日'},
				// 	{value:'week',name:'一周'},
				// 	{value:'month',name:'一月'}
				// ],
				// typeList:[
				// 	{value:'aries',name:'白羊座'},
				// 	{value:'taurus',name:'金牛座'},
				// 	{value:'gemini',name:'双子座'},
				// 	{value:'cancer',name:'巨蟹座'},
				// 	{value:'leo',name:'狮子座'},
				// 	{value:'virgo',name:'处女座'},
				// 	{value:'libra',name:'天秤座'},
				// 	{value:'scorpio',name:'天蝎座'},
				// 	{value:'sagittarius',name:'射手座'},
				// 	{value:'capricorn',name:'摩羯座'},
				// 	{value:'aquarius',name:'水瓶座'},
				// 	{value:'pisces',name:'双鱼座'},
				// ]
			};
		},
		methods: {
			btn(value) {
				console.log("value:", value)
			}
		}
	}
</script>

<style>
	.type-box {}

	.time-box {
		width: 120rpx;
	}
</style>